diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 697f02123..e93a4ff7f 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -8,6 +8,7 @@ import {
   Footer as FooterComponent,
 } from '@mantine/core';
 import { BrandGithub } from 'tabler-icons-react';
+import { CURRENT_VERSION } from '../../../data/constants';
 
 const useStyles = createStyles((theme) => ({
   footer: {
@@ -54,12 +55,27 @@ export function Footer({ links }: FooterCenteredProps) {
     </Anchor>
   ));
 
-  return ( 
-    <FooterComponent p={5} height="auto" style={{ border: 'none', position: 'fixed', bottom: 0, right: 0 }}>
+  return (
+    <FooterComponent
+      p={5}
+      height="auto"
+      style={{ border: 'none', position: 'fixed', bottom: 0, right: 0 }}
+    >
       <Group position="right" mr="xs" mb="xs">
-        <ActionIcon<'a'> component="a" href="https://github.com/ajnart/homarr" size="lg">
-          <BrandGithub size={18} />
-        </ActionIcon>
+        <Group spacing={0}>
+          <ActionIcon<'a'> component="a" href="https://github.com/ajnart/homarr" size="lg">
+            <BrandGithub size={18} />
+          </ActionIcon>
+          <Text
+            style={{
+              position: 'relative',
+              fontSize: '0.90rem',
+              color: 'gray',
+            }}
+          >
+            {CURRENT_VERSION}
+          </Text>
+        </Group>
         <Text
           style={{
             fontSize: '0.90rem',
diff --git a/src/components/layout/Logo.tsx b/src/components/layout/Logo.tsx
index 92ea10606..805d5469d 100644
--- a/src/components/layout/Logo.tsx
+++ b/src/components/layout/Logo.tsx
@@ -1,16 +1,14 @@
 import { Group, Image, Text } from '@mantine/core';
 import * as React from 'react';
-import { CURRENT_VERSION } from '../../../data/constants';
 
 export function Logo({ style }: any) {
   return (
-    <Group>
+    <Group spacing="xs">
       <Image
         width={50}
         src="/imgs/logo.png"
         style={{
           position: 'relative',
-          left: 15,
         }}
       />
       <Text
@@ -21,20 +19,6 @@ export function Logo({ style }: any) {
       >
         Homarr
       </Text>
-      <Text
-        style={{
-          position: 'relative',
-          left: -14,
-          bottom: -2,
-          color: 'gray',
-          fontStyle: 'inherit',
-          fontSize: 'inherit',
-          alignSelf: 'center',
-          alignContent: 'center',
-        }}
-      >
-        {CURRENT_VERSION}
-      </Text>
     </Group>
   );
 }